import { defineComponent, ref } from 'vue'
import { Search } from 'vant';
import "./style.scss";

const Home = defineComponent({
  name: 'Home',
  setup() {
    const value = ref("")
    const onSearch = (val: string) => { }
    const cancel = () => { }
    return () => (
      <>
        <div class="home-page">
          <Search v-model={value.value}
            show-action
            placeholder="请输入搜索关键词"
            background="#4fc08d"
            action-text="搜素"
            onSearch={onSearch}
            onCancel={cancel}
          ></Search>
        </div>
      </>
    )
  }
})
export default Home
